<template>
  <div class="container">
    <div class="rec-detail-title">
      我的位置：
      <span @click="gohome()">首页</span>
      >
      <span>注册</span>
    </div>
    <div class="a-df">
      <div class="font-ser" @click="routerpush(2)">
        <img src="~@/assets/reception/login/font_ser.png" alt="" >
      </div>
      <div class="font-ser" @click="routerpush(1)">
        <img src="~@/assets/reception/login/provide_ser.png" alt="" >
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'register',
  methods: {
    gohome() {
      this.$router.push({ path: '/reception/Introduction/index' })
    },
    routerpush(id) {
      this.$router.push({ path: '/reception/membership/index',query: { id: id } })
    },
  },
}
</script>

<style lang="less" scoped>
.rec-detail-title {
  margin-left: 50px;
  margin-top: 20px;
  span {
    cursor: pointer;
  }
}
.font-ser {
  width: 400px;
  height: 200px;
  margin: 0 auto;
  border-radius: 50%;
  // background: #4472c4;
  margin-top: 80px;
  line-height: 200px;
  text-align: center;
  color: #fff;
  font-size: 44px;
  cursor: pointer;
  img{
    width: 400px;
    height: 200px;
  }
}
</style>
